<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

	<style>
	.pic {
		margin-bottom: -4px;
		margin-right: 2px;
	}
	.search .rich-menu-item-hover{
		background-color: transparent;
		border-color: transparent;
	}
	</style>
	
	<h:form>

		<rich:toolBar>

			<rich:dropDownMenu>
				<f:facet name="label"> 
					<h:panelGroup>
						<h:graphicImage value="/images/icons/copy.gif" styleClass="pic"/>
						<h:outputText value="Entities"/>
					</h:panelGroup>
				</f:facet>
				<rich:menuItem submitMode="ajax" value="New"
					action="#{ddmenu.doPerson}" icon="/images/tree/singer.gif">
				</rich:menuItem>
				<rich:menuGroup value="Save As...">
					<rich:menuItem submitMode="ajax" value="Save" 
						action="#{ddmenu.doSave}" icon="/images/icons/save.gif" />
					<rich:menuItem submitMode="ajax" value="Save All"
						action="#{ddmenu.doSaveAll}">
						<f:facet name="icon">
							<h:graphicImage value="/images/icons/save_all.gif" />
						</f:facet>
					</rich:menuItem>
				</rich:menuGroup>
				<rich:menuSeparator id="menuSeparator11" />
				<rich:menuItem submitMode="ajax" value="Exit"
					action="#{ddmenu.doExit}" />

			</rich:dropDownMenu>

			<rich:dropDownMenu>

				<f:facet name="label">
					<h:panelGrid cellpadding="0" cellspacing="0" columns="2"
						style="vertical-align:middle">
						<h:outputText value="Links" />
					</h:panelGrid>
				</f:facet>

				<rich:menuItem submitMode="none"
					onclick="document.location.href='http://labs.jboss.com/jbossrichfaces/'">
					<h:outputLink value="http://labs.jboss.com/jbossrichfaces/">
						<h:outputText value="RichFaces Home Page"></h:outputText>
					</h:outputLink>
				</rich:menuItem>

				<rich:menuItem submitMode="none"
					onclick="document.location.href='http://jboss.com/index.html?module=bb&amp;op=viewforum&amp;f=261'">
					<h:outputLink
						value="http://jboss.com/index.html?module=bb&amp;op=viewforum&amp;f=261">
						<h:outputText value="RichFaces Forum"></h:outputText>
					</h:outputLink>
				</rich:menuItem>

			</rich:dropDownMenu>
			<rich:toolBarGroup location="right">
				<rich:dropDownMenu value="Search" direction="bottom-left" jointPoint="br" styleClass="search">
					<rich:menuItem submitMode="none">
						<h:inputText value="" id="searchinput"/>
						<button type="button">Search</button>
					</rich:menuItem>
					<rich:menuItem value="Enter your search criteria here" disabled="true"></rich:menuItem>
				</rich:dropDownMenu>
			</rich:toolBarGroup>
		</rich:toolBar>
	</h:form>
	<rich:spacer width="1" height="5"/>
	<br />
	<a4j:outputPanel ajaxRendered="true">
		<h:outputText value="Current Selection: "></h:outputText>
		<h:outputText style="font-weight:bold" value="#{ddmenu.current}"></h:outputText>
	</a4j:outputPanel>
	<br />
	<rich:spacer width="1" height="25" />

</ui:composition>